<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>车辆管理</title>
    <!-- 引入公用部分 -->
    <script th:replace="common/head::static"></script>
</head>
<body>
<!--表格位置-->
<table class="layui-hide" id="carTable" lay-filter="test"></table>

<script type="text/html" id="toolbarCar">
    <div class="layui-inline" style="float:right;height:29px;" title="新增" lay-event="addData"><i class="layui-icon layui-icon-add-1"></i></div>
    <div class="layui-inline" style="float:right;height:29px;" title="搜索" lay-event="query"><i class="layui-icon layui-icon-search"></i></div>
    <input type="text" id="carText" style="width:200px;float:right;height:30px;" placeholder="请输入车辆名" autocomplete="off" class="layui-input">
</script>

<script type="text/html" id="barCar">
    <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>

<!--编辑弹出框-->
<div class="carEditDiv">
    <!-- 操作表单 -->
    <form id="carForm" class="layui-form layui-form-pane">
        <div class="layui-form-item">
            <label class="layui-form-label">车辆名</label>
            <div class="layui-input-block">
                <input type="text" id="carName" name="carName" autocomplete="off" placeholder="车辆名"
                       lay-verify="required" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">车牌号</label>
            <div class="layui-input-block">
                <input type="text" id="carPlateCode" name="carPlateCode" autocomplete="off" placeholder="车牌号"
                       lay-verify="required" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">车俩颜色</label>
            <div class="layui-input-block">
                <input type="text" id="carColour" name="carColour" autocomplete="off" placeholder="车俩颜色"
                       lay-verify="required" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">等级名</label>
            <div id="carType" class="layui-input-block">
                <input type="radio" name="carType" value="10" title="摩托车(双人)" th:selected="true">
                <input type="radio" name="carType" value="20" title="私家车(四座)">
                <input type="radio" name="carType" value="30" title="私家车(七座)">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">车长</label>
            <div class="layui-input-block">
                <input type="text" id="carLength" name="carLength" autocomplete="off" placeholder="车长"
                       lay-verify="required" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">车宽</label>
            <div class="layui-input-block">
                <input type="text" id="carWidth" name="carWidth" autocomplete="off" placeholder="车宽"
                       lay-verify="required" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">车高</label>
            <div class="layui-input-block">
                <input type="text" id="carHeight" name="carHeight" autocomplete="off" placeholder="车高"
                       lay-verify="required" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">司机</label>
            <div class="layui-inline" style="width: 50%;">
                <input id="openId" name="openId" placeholder="司机" class="layui-input"  />
            </div>
        </div>
        <!-- 隐藏域 -->
        <input type="text" id="carId" name="carId" hidden="hidden" value="-1"/>
    </form>
</div>

</body>
<link rel="stylesheet" lang="less" scoped type="text/css" th:href="@{mumu/car/car.css(v=${version})}"/>
<script th:src="@{mumu/car/car.js(v=${version})}"></script>
</html>